<template>
  <div class="dashboard-container">
    <el-tabs v-model="activeName">
      <el-tab-pane label="角色管理" name="角色管理">
        <papel @companyId="companyId">
          <!--  -->
        </papel>
      </el-tab-pane>
      <el-tab-pane label="公司信息" name="公司信息">
        <conpany :comid="company">
        <!--  -->
        </conpany>
      </el-tab-pane>
    </el-tabs>
    <div class="line" />

  </div>
</template>

<script>
import papel from './components/papel.vue'
import conpany from './components/company.vue'

export default {
  components: {
    papel,
    conpany
  },
  data() {
    return {
      activeName: '角色管理',
      company: ''
    }
  },
  methods: {
    // 父亲接收 子组件传过来的id
    companyId(id) {
      this.company = id
      console.log(this.company)
    }
  }
}

</script>

<style>

</style>
